*:insensitive {
- -gtk-image-effect: dim;
+ -gtk-image-effect: dim;
}
.gtkstyle-fallback {
*********************/
@keyframes spin {
- to { -gtk-icon-transform: rotate(1turn); }
+ to { -gtk-icon-transform: rotate(1turn); }
}
.spinner {
****************/
.entry {
+ border: 1px solid;
padding: 5px 8px 6px;
&.image { // icons inside the entry
&.left { padding-left: 0; }
.button {
+ border: 1px solid;
border-radius: 3px;
transition: all 200ms ease-out;
padding: 5px 8px 6px;
.spinbutton {
.button {
background-image: none;
- border-width: 0 0 0 1px;
+ border-style: none none none solid;
border-color: transparentize($borders_color,0.7);
color: mix($fg_color,$base_color,95%);
border-radius: 0;
box-shadow: none;
// padding-left: 6px;
// padding-right: 6px;
- &:dir(rtl) { border-width: 0 1px 0 0; }
+ &:dir(rtl) { border-style: none solid none none; }
&:hover {
color: $fg_color;
background-color: transparentize($fg_color,0.95);
&:backdrop:insensitive {
background-image: none;
color: transparentize($backdrop_insensitive_color,0.7);
- border-width: 0 0 0 1px; // It is needed or it gets overridden
- &:dir(rtl) { border-width: 0 1px 0 0; }
+ border-style: none none none solid; // It is needed or it gets overridden
+ &:dir(rtl) { border-style: none solid none none; }
}
}
&.vertical, &.vertical:dir(rtl) {
}
%top_button {
border-radius: 3px 3px 0 0;
- border-bottom-width: 0;
+ border-style: solid solid none solid;
}
%bottom_button {
border-radius: 0 0 3px 3px;
- border-top-width: 0;
+ border-style: none solid solid solid;
}
}
/* This is to fix spinbuttons in entries, but I feel like hiding code issues
%column_header_button {
padding: 3px 6px;
- border-width: 0 1px 1px 0;
+ border-style: none solid solid none;
border-radius: 0;
background-image: none;
border-color: $bg_color;
}
&:backdrop {
border-color: $backdrop_bg_color;
- border-width: 0 1px 1px 0;
+ border-style: none solid solid none;
color: mix($backdrop_fg_color, $backdrop_bg_color,50%);
background-image: none;
background-color: $backdrop_base_color;
margin: 4px;
padding: 0px;
background-color: $base_color;
- //border: 1px solid $borders_color;
.menuitem {
text-shadow: none;
padding: 4px;
.popover {
margin: 10px;
padding: 2px;
- border-color: $borders-color;
- border-width: 1px;
- border-style: solid;
+ border: 1px solid $borders-color;
border-radius: 5px;
//background-clip: border-box;
background-color: $bg_color;
**********/
GtkSwitch {
- // FIXME: backdrop insensinsitive slider on the dark variant
-GtkSwitch-slider-width: 45px; // 55px is the right value to make it as tall
// as buttons, not doing that for now
font-weight: bold;
// clipped
&.trough {
// similar to the .scale
- border-width: 1px;
- border-style: solid;
+ border: 1px solid $borders_color;
border-radius: 3px;
- border-color: $borders_color;
background-image: linear-gradient(to bottom,
mix($bg_color,$borders_color,60%));
text-shadow: 0 1px transparentize(black, 0.9);
}
&.slider,
.list-row:selected &.slider {
+ border: 1px solid;
border-radius: 3px;
@include button(normal, $noedge: true);
box-shadow: inset 0 1px if($variant=='light', white,
&.slider {
//FIXME: better gradient on the slider and hover state
@include button(normal, $noedge: true);
+ border: 1px solid;
border-radius: 50%;
border-color: darken($borders_color,3%);
box-shadow: inset 0 1px if($variant=='light', white,
}
}
&.trough {
- border-width: 1px;
- border-style: solid;
+ border: 1px solid $borders_color;
border-radius: 3px;
- border-color: $borders_color;
background-color: mix($bg_color,$borders_color,60%);
box-shadow: inset 1px 1px transparentize(black, 0.9),
$widget_edge;
// moving bit
.progressbar {
@include progressbar_fill;
- border-width: 1px;
- border-style: solid;
+ border: 1px solid $selected_borders_color;
border-radius: 1.5px;
- border-color: $selected_borders_color;
box-shadow: none; //needed for clipping
&.left {
border-top-left-radius: 3px;
box-shadow: none;
}
&.osd {
- border-width: 0;
+ border-style: none;
border-radius: 0;
-GtkProgressBar-xspacing: 0;
-GtkProgressBar-yspacing: 2px;
// background
GtkProgressBar.trough {
- border-width: 1px;
- border-style: solid;
+ border: 1px solid $borders_color;
border-radius: 3px;
- border-color: $borders_color;
background-color: mix($borders_color,$bg_color, 35%);
-// box-shadow: inset 1px 1px transparentize(black, 0.9),
-// $widget_edge;
&:backdrop{
border-color: $backdrop_borders_color;
background-color: $backdrop_dark_fill;
box-shadow: 0 1px transparentize(white,1);
}
&.osd {
+ border-style: none;
background-color: transparent;
box-shadow: none;
- border-width: 0;
//FIXME: there is a margin on top
}
}
.level-bar {
&.trough {
- // FIXME: outset not working
+ border: 1px solid;
padding: 2px;
border-radius: 3px;
@include entry(normal);
&.fill-block {
// FIXME: it would be nice to set make fill blocks bigger, but we'd need
// :nth-child working on discrete indicators
- border-width: 1px;
- border-style: solid;
- border-color: if($variant=='light', darken($selected_bg_color,10%),
- darken($selected_bg_color,5%));
+ border: 1px solid if($variant=='light', darken($selected_bg_color,10%),
+ darken($selected_bg_color,5%));
background-color: $selected_bg_color;
box-shadow: 0 1px transparentize(black, 0.9);
border-radius: 1px;
GtkScrolledWindow {
.frame { border-radius: 2px; }
- GtkViewport.frame { // avoid double borders when viewport inside scrolled window
+ GtkViewport.frame { // avoid double borders when viewport inside
+ // scrolled window
border-style: none;
}
}
padding: 0 4px;
&:backdrop { background-image: none; }
.button {
- border-width: 1px;
+ border: 1px solid;
color: $osd_fg_color;
outline-color: transparentize($osd_fg_color, 0.8);
@include button(osd);
* GtkInfoBar *
**************/
GtkInfoBar {
- border-width: 0;
border-style: none;
}
border-radius: 5px;
background-color: transparentize(black,0.2); //FIXME proper color
text-shadow: 0 1px black;
-// border: 2px solid $borders_color; gnome shell style?
}
.tooltip * { //Yeah this is ugly
*****************/
GtkColorSwatch {
-
- border-width: 1px;
- border-style: solid;
+ border: 1px solid;
@if $variant == light {
border-color: transparentize(black,0.7);
box-shadow: inset 0 1px 1px transparentize(black, 0.8);
// normal, focus, insensitive, backdrop, backdrop-insensitive;
//
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom,
darken($base_color,3%),
$base_color 90%);
// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active,
// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated
//
- border-style: solid;
$_top_hilight: if(lightness($c)> 70%, white, transparentize(white,0.9)); //not just dark/light but colored buttons
//
// normal button
//
- border-width: 1px;
color: $tc;
background-image: linear-gradient(to bottom,
lighten($c,5%),
* Text Entries *
****************/
.entry {
+ border: 1px solid;
padding: 5px 8px 6px;
border-radius: 3px;
transition: all 200ms ease-out;
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #212121, #292929 90%);
border-color: #1c1f1f;
box-shadow: inset 0 3px #202020, inset 0 1px #1a1a1a, inset 0 0 0 1px rgba(33, 93, 156, 0), 0 1px rgba(238, 238, 236, 0.1); }
.entry.flat, .entry.flat:focus {
padding: 2px;
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #212121, #292929 90%);
border-color: #1c1f1f;
box-shadow: inset 0 3px #202020, inset 0 1px #1a1a1a, inset 0 0 0 1px rgba(33, 93, 156, 0);
border-radius: 0; }
.entry:focus {
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #212121, #292929 90%);
box-shadow: inset 0 3px #202020, inset 0 1px #1a1a1a, inset 0 0 0 1px rgba(33, 93, 156, 0.7), 0 1px rgba(238, 238, 236, 0.1);
border-color: #0f2b48; }
.entry:insensitive {
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #212121, #292929 90%);
color: #939695;
border-color: #1c1f1f;
box-shadow: inset 0 2px rgba(38, 38, 38, 0), inset 0 1px rgba(33, 33, 33, 0), 0 1px rgba(238, 238, 236, 0.1); }
.entry:backdrop {
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #212121, #292929 90%);
color: #c9cbc9;
border-color: #1e2222;
box-shadow: inset 0 2px rgba(38, 38, 38, 0), inset 0 1px rgba(33, 33, 33, 0), 0 1px rgba(255, 255, 255, 0); }
.entry:backdrop:insensitive {
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #212121, #292929 90%);
color: #5d6767;
border-color: #1e2222;
border-color: #cc0000; }
.entry.error:focus {
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #212121, #292929 90%);
box-shadow: inset 0 3px #202020, inset 0 1px #1a1a1a, inset 0 0 0 1px rgba(204, 0, 0, 0.7), 0 1px rgba(238, 238, 236, 0.1);
border-color: #1a0000; }
border-color: #f57900; }
.entry.warning:focus {
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #212121, #292929 90%);
box-shadow: inset 0 3px #202020, inset 0 1px #1a1a1a, inset 0 0 0 1px rgba(245, 121, 0, 0.7), 0 1px rgba(238, 238, 236, 0.1);
border-color: #432100; }
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#215d9c), to(transparent)); } }
.button {
+ border: 1px solid;
border-radius: 3px;
transition: all 200ms ease-out;
padding: 5px 8px 6px;
- border-style: solid;
- border-width: 1px;
color: #eeeeec;
background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
border-color: #1c1f1f;
icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
.button:hover, .button.flat:hover {
- border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1);
-gtk-image-effect: highlight; }
.button:active, .button.flat:active, .button:checked, .button.flat:checked {
- border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #232727, #2d3232);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1);
transition-duration: 50ms; }
.button:backdrop {
- border-style: solid;
color: #c9cbc9;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #393f3f);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
-gtk-image-effect: none; }
.button:backdrop:active, .button:backdrop:checked {
- border-style: solid;
color: #c9cbc9;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #2f3434);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.button:backdrop:insensitive {
- border-style: solid;
color: #5d6767;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #323636);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.button:backdrop:insensitive:active, .button:backdrop:insensitive:checked {
- border-style: solid;
color: #5d6767;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #303434);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.button:insensitive {
- border-style: solid;
color: #939695;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #323636);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
.button:insensitive:active, .button:insensitive.flat:active, .button:insensitive:checked, .button:insensitive.flat:checked {
- border-style: solid;
color: #939695;
border-color: #1c1f1f;
color: #939695;
color: #eeeeec;
border-radius: 6px;
outline-color: rgba(238, 238, 236, 0.2);
- border-style: solid;
background-color: transparent;
background-clip: padding-box;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
.button.osd.image-button {
padding: 13px; }
.button.osd:hover {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
border-color: rgba(255, 255, 255, 0.1);
box-shadow: none; }
.button.osd:active, .button.osd:checked {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
border-color: rgba(255, 255, 255, 0.1);
box-shadow: none; }
.button.osd:insensitive, .button.osd:backdrop:insensitive {
- border-style: solid;
color: #939695;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(66, 71, 73, 0.7));
icon-shadow: none;
border-color: rgba(255, 255, 255, 0.1); }
.button.osd:backdrop {
- border-style: solid;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
background-clip: padding-box;
box-shadow: none;
.osd .button {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.2);
- border-style: solid;
background-color: transparent;
background-clip: padding-box;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
border-radius: 3px;
border-style: solid; }
.osd .button:hover {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.osd .button:active, .osd .button:checked, .osd .button:backdrop:active, .osd .button:backdrop:checked {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
text-shadow: none;
icon-shadow: none; }
.osd .button:insensitive, .osd .button:backdrop:insensitive {
- border-style: solid;
color: #939695;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(66, 71, 73, 0.7));
text-shadow: none;
icon-shadow: none; }
.osd .button:backdrop {
- border-style: solid;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.button.suggested-action {
- border-style: solid;
- border-width: 1px;
color: white;
background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187);
border-color: #0b1e33;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1);
outline-color: rgba(255, 255, 255, 0.3); }
.button.suggested-action:hover {
- border-style: solid;
color: white;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
.button.suggested-action:active, .button.suggested-action:checked {
- border-style: solid;
color: white;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #194776, #1c5187);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); }
.button.suggested-action:backdrop {
- border-style: solid;
color: white;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #215d9c);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.button.suggested-action:backdrop:insensitive {
- border-style: solid;
color: #5d6767;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #323636);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.button.suggested-action:insensitive {
- border-style: solid;
color: #939695;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #323636);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
.osd .button.suggested-action {
- border-style: solid;
background-color: transparent;
background-clip: padding-box;
background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5));
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.osd .button.suggested-action:hover {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.7));
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.osd .button.suggested-action:active, .osd .button.suggested-action:checked, .osd .button.suggested-action:backdrop:active, .osd .button.suggested-action:backdrop:checked {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, #215d9c);
text-shadow: none;
icon-shadow: none; }
.osd .button.suggested-action:insensitive, .osd .button.suggested-action:backdrop:insensitive {
- border-style: solid;
color: #939695;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(66, 71, 73, 0.7));
text-shadow: none;
icon-shadow: none; }
.osd .button.suggested-action:backdrop {
- border-style: solid;
background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.button.destructive-action {
- border-style: solid;
- border-width: 1px;
color: white;
background-image: linear-gradient(to bottom, #ed1212, #d51010 40%, #bd0e0e);
border-color: #5e0707;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1);
outline-color: rgba(255, 255, 255, 0.3); }
.button.destructive-action:hover {
- border-style: solid;
color: white;
border-color: #5e0707;
background-image: linear-gradient(to bottom, #f03c3c, #e81111 40%, #d51010);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.60878);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
.button.destructive-action:active, .button.destructive-action:checked {
- border-style: solid;
color: white;
border-color: #5e0707;
background-image: linear-gradient(to bottom, #aa0d0d, #bd0e0e);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); }
.button.destructive-action:backdrop {
- border-style: solid;
color: white;
border-color: #5e0707;
background-image: linear-gradient(to bottom, #d51010);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.button.destructive-action:backdrop:insensitive {
- border-style: solid;
color: #5d6767;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #323636);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.button.destructive-action:insensitive {
- border-style: solid;
color: #939695;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #323636);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
.osd .button.destructive-action {
- border-style: solid;
background-color: transparent;
background-clip: padding-box;
background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5));
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.osd .button.destructive-action:hover {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.7));
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.osd .button.destructive-action:active, .osd .button.destructive-action:checked, .osd .button.destructive-action:backdrop:active, .osd .button.destructive-action:backdrop:checked {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, #d51010);
text-shadow: none;
icon-shadow: none; }
.osd .button.destructive-action:insensitive, .osd .button.destructive-action:backdrop:insensitive {
- border-style: solid;
color: #939695;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(66, 71, 73, 0.7));
text-shadow: none;
icon-shadow: none; }
.osd .button.destructive-action:backdrop {
- border-style: solid;
background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5));
background-clip: padding-box;
box-shadow: none;
icon-shadow: none; }
.inline-toolbar GtkToolButton > .button {
- border-style: solid;
- border-width: 1px;
color: #eeeeec;
background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
border-color: #1c1f1f;
icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.inline-toolbar GtkToolButton > .button:hover {
- border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.inline-toolbar GtkToolButton > .button:active {
- border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #232727, #2d3232);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.inline-toolbar GtkToolButton > .button:checked {
- border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #232727, #2d3232);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.inline-toolbar GtkToolButton > .button:insensitive {
- border-style: solid;
color: #939695;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #323636);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar GtkToolButton > .button:insensitive:active {
- border-style: solid;
color: #939695;
border-color: #1c1f1f;
color: #939695;
background-image: linear-gradient(to bottom, #2f3333, #323636);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar GtkToolButton > .button:insensitive:checked {
- border-style: solid;
color: #939695;
border-color: #1c1f1f;
color: #939695;
background-image: linear-gradient(to bottom, #2f3333, #323636);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar GtkToolButton > .button:backdrop {
- border-style: solid;
color: #c9cbc9;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #393f3f);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar GtkToolButton > .button:backdrop:active {
- border-style: solid;
color: #c9cbc9;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #2f3434);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar GtkToolButton > .button:backdrop:checked {
- border-style: solid;
color: #c9cbc9;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #2f3434);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar GtkToolButton > .button:backdrop:insensitive {
- border-style: solid;
color: #5d6767;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #323636);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar GtkToolButton > .button:backdrop:insensitive:active {
- border-style: solid;
color: #5d6767;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #303434);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar GtkToolButton > .button:backdrop:insensitive:checked {
- border-style: solid;
color: #5d6767;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #303434);
* } */ }
.spinbutton .button {
background-image: none;
- border-width: 0 0 0 1px;
+ border-style: none none none solid;
border-color: rgba(28, 31, 31, 0.3);
color: #e4e4e2;
border-radius: 0;
box-shadow: none; }
.spinbutton .button:dir(rtl) {
- border-width: 0 1px 0 0; }
+ border-style: none solid none none; }
.spinbutton .button:hover {
color: #eeeeec;
background-color: rgba(238, 238, 236, 0.05); }
.spinbutton .button:backdrop:insensitive {
background-image: none;
color: rgba(93, 103, 103, 0.3);
- border-width: 0 0 0 1px; }
+ border-style: none none none solid; }
.spinbutton .button:backdrop:insensitive:dir(rtl) {
- border-width: 0 1px 0 0; }
+ border-style: none solid none none; }
.spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button {
padding-top: 8px;
padding-bottom: 8px; }
.spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child {
- border-style: solid;
- border-width: 1px;
color: #eeeeec;
background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
border-color: #1c1f1f;
icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active {
- border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #232727, #2d3232);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover {
- border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive {
- border-style: solid;
color: #939695;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #323636);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop {
- border-style: solid;
color: #c9cbc9;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #393f3f);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child {
- border-style: solid;
- border-width: 1px;
color: #eeeeec;
background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
border-color: #1c1f1f;
icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
.spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active {
- border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #232727, #2d3232);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); }
.spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover {
- border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
.spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive {
- border-style: solid;
color: #939695;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #323636);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
.spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop {
- border-style: solid;
color: #c9cbc9;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #393f3f);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive {
- border-style: solid;
color: #5d6767;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #323636);
padding-right: 3px; }
.spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop {
border-radius: 3px 3px 0 0;
- border-bottom-width: 0; }
+ border-style: solid solid none solid; }
.spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop {
border-radius: 0 0 3px 3px;
- border-top-width: 0; }
+ border-style: none solid solid solid; }
/**************
* ComboBoxes *
box-shadow: inset 0 1px rgba(48, 103, 161, 0.46); }
.titlebar.selection-mode .button, GtkCalendar.selection-mode.header .button,
.header-bar.selection-mode .button {
- border-style: solid;
- border-width: 1px;
color: #ffffff;
background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187);
border-color: #0b1e33;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.titlebar.selection-mode .button:hover, GtkCalendar.selection-mode.header .button:hover,
.header-bar.selection-mode .button:hover {
- border-style: solid;
color: #ffffff;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c);
.titlebar.selection-mode .button:active, GtkCalendar.selection-mode.header .button:active, .titlebar.selection-mode .button:checked, GtkCalendar.selection-mode.header .button:checked,
.header-bar.selection-mode .button:active,
.header-bar.selection-mode .button:checked {
- border-style: solid;
color: #ffffff;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #194776, #1c5187);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.titlebar.selection-mode .button:insensitive, GtkCalendar.selection-mode.header .button:insensitive,
.header-bar.selection-mode .button:insensitive {
- border-style: solid;
color: #a6bbd0;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #22558a);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.titlebar.selection-mode .button:backdrop, GtkCalendar.selection-mode.header .button:backdrop,
.header-bar.selection-mode .button:backdrop {
- border-style: solid;
color: #ffffff;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #215d9c);
border-color: #0f2b48; }
.titlebar.selection-mode .button:backdrop:insensitive, GtkCalendar.selection-mode.header .button:backdrop:insensitive,
.header-bar.selection-mode .button:backdrop:insensitive {
- border-style: solid;
color: #6f90b2;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #22558a);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.titlebar.selection-mode .button.suggested-action, GtkCalendar.selection-mode.header .button.suggested-action,
.header-bar.selection-mode .button.suggested-action {
- border-style: solid;
- border-width: 1px;
color: #eeeeec;
background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
border-color: #1c1f1f;
border-color: #0f2b48; }
.titlebar.selection-mode .button.suggested-action:hover, GtkCalendar.selection-mode.header .button.suggested-action:hover,
.header-bar.selection-mode .button.suggested-action:hover {
- border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
border-color: #0f2b48; }
.titlebar.selection-mode .button.suggested-action:active, GtkCalendar.selection-mode.header .button.suggested-action:active,
.header-bar.selection-mode .button.suggested-action:active {
- border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #232727, #2d3232);
border-color: #0f2b48; }
.titlebar.selection-mode .button.suggested-action:insensitive, GtkCalendar.selection-mode.header .button.suggested-action:insensitive,
.header-bar.selection-mode .button.suggested-action:insensitive {
- border-style: solid;
color: #939695;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #323636);
border-color: #0f2b48; }
.titlebar.selection-mode .button.suggested-action:backdrop, GtkCalendar.selection-mode.header .button.suggested-action:backdrop,
.header-bar.selection-mode .button.suggested-action:backdrop {
- border-style: solid;
color: #c9cbc9;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #393f3f);
border-color: #0f2b48; }
.titlebar.selection-mode .button.suggested-action:backdrop:insensitive, GtkCalendar.selection-mode.header .button.suggested-action:backdrop:insensitive,
.header-bar.selection-mode .button.suggested-action:backdrop:insensitive {
- border-style: solid;
color: #5d6767;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #323636);
column-header .button, column-header .button:hover, column-header .button:active {
padding: 3px 6px;
- border-width: 0 1px 1px 0;
+ border-style: none solid solid none;
border-radius: 0;
background-image: none;
border-color: #393f3f;
background-image: none; }
column-header .button:backdrop {
border-color: #393f3f;
- border-width: 0 1px 1px 0;
+ border-style: none solid solid none;
color: #818584;
background-image: none;
background-color: #2c2c2c; }
.popover {
margin: 10px;
padding: 2px;
- border-color: #1c1f1f;
- border-width: 1px;
- border-style: solid;
+ border: 1px solid #1c1f1f;
border-radius: 5px;
background-color: #393f3f;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
.popover.osd .button {
color: white;
text-shadow: none;
- border-style: solid;
background-color: transparent;
background-clip: padding-box;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.popover.osd .button:hover {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.popover.osd .button:active {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
text-shadow: none;
icon-shadow: none; }
.popover.osd .button:insensitive {
- border-style: solid;
color: #939695;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(66, 71, 73, 0.7));
color: rgba(238, 238, 236, 0.3); }
.notebook tab .button:hover {
color: #eeeeec;
- border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
background-image: none;
box-shadow: none; }
.notebook tab .button:active {
- border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #232727, #2d3232);
outline-offset: -4px;
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
GtkSwitch.trough {
- border-width: 1px;
- border-style: solid;
+ border: 1px solid #1c1f1f;
border-radius: 3px;
- border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #2d3232);
text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
GtkSwitch.trough:active {
.list-row:selected GtkSwitch:backdrop {
box-shadow: 0 0 0 1px #2c2c2c; }
GtkSwitch.slider, .list-row:selected GtkSwitch.slider {
+ border: 1px solid;
border-radius: 3px;
- border-style: solid;
- border-width: 1px;
color: #eeeeec;
background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
border-color: #1c1f1f;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(57, 63, 63, 0.6), inset 0 -1px #2a2f2f; }
GtkSwitch.slider:hover, .list-row:selected GtkSwitch.slider:hover {
- border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
GtkSwitch.slider:active, .list-row:selected GtkSwitch.slider:active {
border: 1px solid #0f2b48; }
GtkSwitch.slider:insensitive, .list-row:selected GtkSwitch.slider:insensitive {
- border-style: solid;
color: #939695;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #323636);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
GtkSwitch.slider:backdrop, .list-row:selected GtkSwitch.slider:backdrop {
- border-style: solid;
color: #c9cbc9;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #393f3f);
GtkSwitch.slider:backdrop:active, .list-row:selected GtkSwitch.slider:backdrop:active {
border-color: #0f2b48; }
GtkSwitch.slider:backdrop:insensitive, .list-row:selected GtkSwitch.slider:backdrop:insensitive {
- border-style: solid;
color: #5d6767;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #323636);
.scale.slider,
.scale.scale-has-marks-above.scale-has-marks-below.slider,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
- border-style: solid;
- border-width: 1px;
color: #eeeeec;
background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
border-color: #1c1f1f;
text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ border: 1px solid;
border-radius: 50%;
border-color: #151717;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px #393f3f, inset 0 -1px #2a2f2f; }
.scale.slider:hover,
.scale.scale-has-marks-above.scale-has-marks-below.slider:hover,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
- border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
.scale.slider:backdrop:insensitive,
.scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive {
- border-style: solid;
color: #5d6767;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #323636);
.osd .scale.slider, .osd
.scale.scale-has-marks-above.scale-has-marks-below.slider, .osd
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
- border-style: solid;
background-color: transparent;
background-clip: padding-box;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
.osd .scale.slider:hover, .osd
.scale.scale-has-marks-above.scale-has-marks-below.slider:hover, .osd
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
.osd .scale.slider:active, .osd
.scale.scale-has-marks-above.scale-has-marks-below.slider:active, .osd
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
.osd .scale.slider:backdrop, .osd
.scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, .osd
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
- border-style: solid;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
background-clip: padding-box;
box-shadow: none;
.scale.trough,
.scale.scale-has-marks-above.scale-has-marks-below.trough,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
- border-width: 1px;
- border-style: solid;
+ border: 1px solid #1c1f1f;
border-radius: 3px;
- border-color: #1c1f1f;
background-color: #2d3232;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
.scale.trough.highlight,
.progressbar {
background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5);
- border-width: 1px;
- border-style: solid;
+ border: 1px solid #0f2b48;
border-radius: 1.5px;
- border-color: #0f2b48;
box-shadow: none; }
.progressbar.left {
border-top-left-radius: 3px;
background-color: #215d9c;
box-shadow: none; }
.progressbar.osd {
- border-width: 0;
+ border-style: none;
border-radius: 0;
-GtkProgressBar-xspacing: 0;
-GtkProgressBar-yspacing: 2px;
-GtkProgressBar-min-horizontal-bar-height: 2px; }
GtkProgressBar.trough {
- border-width: 1px;
- border-style: solid;
+ border: 1px solid #1c1f1f;
border-radius: 3px;
- border-color: #1c1f1f;
background-color: #2e3333; }
GtkProgressBar.trough:backdrop {
border-color: #1e2222;
background-color: #2f3434;
box-shadow: 0 1px rgba(255, 255, 255, 0); }
GtkProgressBar.trough.osd {
+ border-style: none;
background-color: transparent;
- box-shadow: none;
- border-width: 0; }
+ box-shadow: none; }
/*************
* Level Bar *
-GtkLevelBar-min-block-height: 34; }
.level-bar.trough {
+ border: 1px solid;
padding: 2px;
border-radius: 3px;
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #212121, #292929 90%);
border-color: #1c1f1f;
box-shadow: inset 0 3px #202020, inset 0 1px #1a1a1a, inset 0 0 0 1px rgba(33, 93, 156, 0), 0 1px rgba(238, 238, 236, 0.1); }
.level-bar.trough:backdrop {
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #212121, #292929 90%);
color: #c9cbc9;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #2c2c2c);
box-shadow: inset 0 2px rgba(38, 38, 38, 0), inset 0 1px rgba(33, 33, 33, 0), 0 1px rgba(255, 255, 255, 0); }
.level-bar.fill-block {
- border-width: 1px;
- border-style: solid;
- border-color: #1c5187;
+ border: 1px solid #1c5187;
background-color: #215d9c;
box-shadow: 0 1px rgba(0, 0, 0, 0.1);
border-radius: 1px; }
.app-notification.frame:backdrop {
background-image: none; }
.app-notification.frame .button {
- border-width: 1px;
+ border: 1px solid;
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.2);
- border-style: solid;
background-color: transparent;
background-clip: padding-box;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
icon-shadow: 0 1px black;
text-shadow: 0 1px black; }
.app-notification.frame .button:hover {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.app-notification.frame .button:active, .app-notification.frame .button:checked, .app-notification.frame .button:backdrop:active, .app-notification.frame .button:backdrop:checked {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
text-shadow: none;
icon-shadow: none; }
.app-notification.frame .button:insensitive, .app-notification.frame .button:backdrop:insensitive {
- border-style: solid;
color: #939695;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(66, 71, 73, 0.7));
text-shadow: none;
icon-shadow: none; }
.app-notification.frame .button:backdrop {
- border-style: solid;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
background-clip: padding-box;
box-shadow: none;
.message-dialog.csd .dialog-action-area .button {
padding: 12px;
border-radius: 0;
- border-style: solid;
- border-width: 1px;
color: #eeeeec;
background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
border-color: #1c1f1f;
icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.message-dialog.csd .dialog-action-area .button:hover {
- border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.message-dialog.csd .dialog-action-area .button:active {
- border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #232727, #2d3232);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.message-dialog.csd .dialog-action-area .button:insensitive {
- border-style: solid;
color: #939695;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #323636);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.message-dialog.csd .dialog-action-area .button:backdrop {
- border-style: solid;
color: #c9cbc9;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #393f3f);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.message-dialog.csd .dialog-action-area .button:backdrop:insensitive {
- border-style: solid;
color: #5d6767;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #323636);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.message-dialog.csd .dialog-action-area .button.suggested-action {
- border-style: solid;
- border-width: 1px;
color: white;
background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187);
border-color: #0b1e33;
icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.message-dialog.csd .dialog-action-area .button.suggested-action:hover {
- border-style: solid;
color: white;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.message-dialog.csd .dialog-action-area .button.suggested-action:active {
- border-style: solid;
color: white;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #194776, #1c5187);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.message-dialog.csd .dialog-action-area .button.suggested-action:backdrop {
- border-style: solid;
color: white;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #215d9c);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive {
- border-style: solid;
color: #5d6767;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #323636);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.message-dialog.csd .dialog-action-area .button.suggested-action:insensitive {
- border-style: solid;
color: #939695;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #323636);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
.message-dialog.csd .dialog-action-area .button.destructive-action {
- border-style: solid;
- border-width: 1px;
color: white;
background-image: linear-gradient(to bottom, #ed1212, #d51010 40%, #bd0e0e);
border-color: #5e0707;
icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.message-dialog.csd .dialog-action-area .button.destructive-action:hover {
- border-style: solid;
color: white;
border-color: #5e0707;
background-image: linear-gradient(to bottom, #f03c3c, #e81111 40%, #d51010);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.60878);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.message-dialog.csd .dialog-action-area .button.destructive-action:active {
- border-style: solid;
color: white;
border-color: #5e0707;
background-image: linear-gradient(to bottom, #aa0d0d, #bd0e0e);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.message-dialog.csd .dialog-action-area .button.destructive-action:backdrop {
- border-style: solid;
color: white;
border-color: #5e0707;
background-image: linear-gradient(to bottom, #d51010);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive {
- border-style: solid;
color: #5d6767;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #323636);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.message-dialog.csd .dialog-action-area .button.destructive-action:insensitive {
- border-style: solid;
color: #939695;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #323636);
* GtkInfoBar *
**************/
GtkInfoBar {
- border-width: 0;
border-style: none; }
.info,
.question .button,
.warning .button,
.error .button {
- border-style: solid;
- border-width: 1px;
color: #ffffff;
background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187);
border-color: #0b1e33;
.question .button:hover,
.warning .button:hover,
.error .button:hover {
- border-style: solid;
color: #ffffff;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c);
.question .button:active,
.warning .button:active,
.error .button:active {
- border-style: solid;
color: #ffffff;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #194776, #1c5187);
.question .button:insensitive,
.warning .button:insensitive,
.error .button:insensitive {
- border-style: solid;
color: #a6bbd0;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #22558a);
.question .button:backdrop,
.warning .button:backdrop,
.error .button:backdrop {
- border-style: solid;
color: #ffffff;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #215d9c);
.question .button:backdrop:insensitive,
.warning .button:backdrop:insensitive,
.error .button:backdrop:insensitive {
- border-style: solid;
color: #6f90b2;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #22558a);
* Color Chooser *
*****************/
GtkColorSwatch {
- border-width: 1px;
- border-style: solid;
+ border: 1px solid;
border-color: #1c1f1f;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); }
GtkColorSwatch.color-light:hover {
.header-bar .button.titlebutton:hover,
.titlebar .button.titlebutton:hover,
GtkCalendar.header .button.titlebutton:hover {
- border-style: solid;
- border-width: 1px;
color: #eeeeec;
background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
border-color: #1c1f1f;
.header-bar .button.titlebutton:active,
.titlebar .button.titlebutton:active,
GtkCalendar.header .button.titlebutton:active {
- border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #232727, #2d3232);
.header-bar .button.titlebutton:backdrop,
.titlebar .button.titlebutton:backdrop,
GtkCalendar.header .button.titlebutton:backdrop {
- border-style: solid;
color: #c9cbc9;
border-color: #1e2222;
background-image: linear-gradient(to bottom, #393f3f);
@define-color wm_button_active_color_b shade(#393f3f, 0.89);
@define-color wm_button_active_color_c shade(#393f3f, 0.9);
@define-color content_view_bg #292929;
-
-/*# sourceMappingURL=gtk-contained-dark.css.map */
* Text Entries *
****************/
.entry {
+ border: 1px solid;
padding: 5px 8px 6px;
border-radius: 3px;
transition: all 200ms ease-out;
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
border-color: #a1a1a1;
box-shadow: inset 0 3px #f7f7f7, inset 0 1px #d1d1d1, inset 0 0 0 1px rgba(74, 144, 217, 0), 0 1px white; }
.entry.flat, .entry.flat:focus {
padding: 2px;
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
border-color: #a1a1a1;
box-shadow: inset 0 3px #f7f7f7, inset 0 1px #d1d1d1, inset 0 0 0 1px rgba(74, 144, 217, 0);
border-radius: 0; }
.entry:focus {
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
box-shadow: inset 0 3px #f7f7f7, inset 0 1px #d1d1d1, inset 0 0 0 1px rgba(74, 144, 217, 0.15), 0 1px white;
border-color: #4a90d9; }
.entry:insensitive {
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
color: #8d9091;
border-color: #a1a1a1;
box-shadow: inset 0 2px rgba(242, 242, 242, 0), inset 0 1px rgba(209, 209, 209, 0), 0 1px white; }
.entry:backdrop {
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
color: #54595a;
border-color: #a8a8a8;
box-shadow: inset 0 2px rgba(242, 242, 242, 0), inset 0 1px rgba(209, 209, 209, 0), 0 1px rgba(255, 255, 255, 0); }
.entry:backdrop:insensitive {
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
color: #c7c7c7;
border-color: #a8a8a8;
border-color: #cc0000; }
.entry.error:focus {
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
box-shadow: inset 0 3px #f7f7f7, inset 0 1px #d1d1d1, inset 0 0 0 1px rgba(204, 0, 0, 0.15), 0 1px white;
border-color: #cc0000; }
border-color: #f57900; }
.entry.warning:focus {
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
box-shadow: inset 0 3px #f7f7f7, inset 0 1px #d1d1d1, inset 0 0 0 1px rgba(245, 121, 0, 0.15), 0 1px white;
border-color: #f57900; }
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)); } }
.button {
+ border: 1px solid;
border-radius: 3px;
transition: all 200ms ease-out;
padding: 5px 8px 6px;
- border-style: solid;
- border-width: 1px;
color: #2e3436;
background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
border-color: #a1a1a1;
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white, 0 1px white; }
.button:hover, .button.flat:hover {
- border-style: solid;
color: #2e3436;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
box-shadow: inset 0 1px white, 0 1px white;
-gtk-image-effect: highlight; }
.button:active, .button.flat:active, .button:checked, .button.flat:checked {
- border-style: solid;
color: #2e3436;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white;
transition-duration: 50ms; }
.button:backdrop {
- border-style: solid;
color: #54595a;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #ededed);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
-gtk-image-effect: none; }
.button:backdrop:active, .button:backdrop:checked {
- border-style: solid;
color: #54595a;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #d4d4d4);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.button:backdrop:insensitive {
- border-style: solid;
color: #c7c7c7;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #f4f4f4);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.button:backdrop:insensitive:active, .button:backdrop:insensitive:checked {
- border-style: solid;
color: #c7c7c7;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #ededed);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.button:insensitive {
- border-style: solid;
color: #8d9091;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #f4f4f4);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
.button:insensitive:active, .button:insensitive.flat:active, .button:insensitive:checked, .button:insensitive.flat:checked {
- border-style: solid;
color: #8d9091;
border-color: #a1a1a1;
color: #8d9091;
color: #eeeeec;
border-radius: 6px;
outline-color: rgba(238, 238, 236, 0.2);
- border-style: solid;
background-color: transparent;
background-clip: padding-box;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
.button.osd.image-button {
padding: 13px; }
.button.osd:hover {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
border-color: rgba(255, 255, 255, 0.1);
box-shadow: none; }
.button.osd:active, .button.osd:checked {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
border-color: rgba(255, 255, 255, 0.1);
box-shadow: none; }
.button.osd:insensitive, .button.osd:backdrop:insensitive {
- border-style: solid;
color: #8d9091;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.7));
icon-shadow: none;
border-color: rgba(255, 255, 255, 0.1); }
.button.osd:backdrop {
- border-style: solid;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
background-clip: padding-box;
box-shadow: none;
.osd .button {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.2);
- border-style: solid;
background-color: transparent;
background-clip: padding-box;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
border-radius: 3px;
border-style: solid; }
.osd .button:hover {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.osd .button:active, .osd .button:checked, .osd .button:backdrop:active, .osd .button:backdrop:checked {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
text-shadow: none;
icon-shadow: none; }
.osd .button:insensitive, .osd .button:backdrop:insensitive {
- border-style: solid;
color: #8d9091;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.7));
text-shadow: none;
icon-shadow: none; }
.osd .button:backdrop {
- border-style: solid;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.button.suggested-action {
- border-style: solid;
- border-width: 1px;
color: white;
background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9 40%, #3583d5);
border-color: #1c5187;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px white;
outline-color: rgba(255, 255, 255, 0.3); }
.button.suggested-action:hover {
- border-style: solid;
color: white;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px white; }
.button.suggested-action:active, .button.suggested-action:checked {
- border-style: solid;
color: white;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #2b79cb, #3583d5);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; }
.button.suggested-action:backdrop {
- border-style: solid;
color: white;
border-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.button.suggested-action:backdrop:insensitive {
- border-style: solid;
color: #c7c7c7;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #f4f4f4);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.button.suggested-action:insensitive {
- border-style: solid;
color: #8d9091;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #f4f4f4);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
.osd .button.suggested-action {
- border-style: solid;
background-color: transparent;
background-clip: padding-box;
background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5));
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.osd .button.suggested-action:hover {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.7));
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.osd .button.suggested-action:active, .osd .button.suggested-action:checked, .osd .button.suggested-action:backdrop:active, .osd .button.suggested-action:backdrop:checked {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, #4a90d9);
text-shadow: none;
icon-shadow: none; }
.osd .button.suggested-action:insensitive, .osd .button.suggested-action:backdrop:insensitive {
- border-style: solid;
color: #8d9091;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.7));
text-shadow: none;
icon-shadow: none; }
.osd .button.suggested-action:backdrop {
- border-style: solid;
background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.button.destructive-action {
- border-style: solid;
- border-width: 1px;
color: white;
background-image: linear-gradient(to bottom, #f14141, #ef2929 40%, #ed1212);
border-color: #8e0b0b;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px white;
outline-color: rgba(255, 255, 255, 0.3); }
.button.destructive-action:hover {
- border-style: solid;
color: white;
border-color: #8e0b0b;
background-image: linear-gradient(to bottom, #f46b6b, #f03c3c 40%, #ef2929);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.52878);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px white; }
.button.destructive-action:active, .button.destructive-action:checked {
- border-style: solid;
color: white;
border-color: #8e0b0b;
background-image: linear-gradient(to bottom, #da1010, #ed1212);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; }
.button.destructive-action:backdrop {
- border-style: solid;
color: white;
border-color: #ef2929;
background-image: linear-gradient(to bottom, #ef2929);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.button.destructive-action:backdrop:insensitive {
- border-style: solid;
color: #c7c7c7;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #f4f4f4);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.button.destructive-action:insensitive {
- border-style: solid;
color: #8d9091;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #f4f4f4);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
.osd .button.destructive-action {
- border-style: solid;
background-color: transparent;
background-clip: padding-box;
background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5));
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.osd .button.destructive-action:hover {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.7));
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.osd .button.destructive-action:active, .osd .button.destructive-action:checked, .osd .button.destructive-action:backdrop:active, .osd .button.destructive-action:backdrop:checked {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, #ef2929);
text-shadow: none;
icon-shadow: none; }
.osd .button.destructive-action:insensitive, .osd .button.destructive-action:backdrop:insensitive {
- border-style: solid;
color: #8d9091;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.7));
text-shadow: none;
icon-shadow: none; }
.osd .button.destructive-action:backdrop {
- border-style: solid;
background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5));
background-clip: padding-box;
box-shadow: none;
icon-shadow: none; }
.inline-toolbar GtkToolButton > .button {
- border-style: solid;
- border-width: 1px;
color: #2e3436;
background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
border-color: #a1a1a1;
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white; }
.inline-toolbar GtkToolButton > .button:hover {
- border-style: solid;
color: #2e3436;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white; }
.inline-toolbar GtkToolButton > .button:active {
- border-style: solid;
color: #2e3436;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.inline-toolbar GtkToolButton > .button:checked {
- border-style: solid;
color: #2e3436;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.inline-toolbar GtkToolButton > .button:insensitive {
- border-style: solid;
color: #8d9091;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #f4f4f4);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar GtkToolButton > .button:insensitive:active {
- border-style: solid;
color: #8d9091;
border-color: #a1a1a1;
color: #8d9091;
background-image: linear-gradient(to bottom, #ebebeb, #f4f4f4);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar GtkToolButton > .button:insensitive:checked {
- border-style: solid;
color: #8d9091;
border-color: #a1a1a1;
color: #8d9091;
background-image: linear-gradient(to bottom, #ebebeb, #f4f4f4);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar GtkToolButton > .button:backdrop {
- border-style: solid;
color: #54595a;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #ededed);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar GtkToolButton > .button:backdrop:active {
- border-style: solid;
color: #54595a;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #d4d4d4);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar GtkToolButton > .button:backdrop:checked {
- border-style: solid;
color: #54595a;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #d4d4d4);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar GtkToolButton > .button:backdrop:insensitive {
- border-style: solid;
color: #c7c7c7;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #f4f4f4);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar GtkToolButton > .button:backdrop:insensitive:active {
- border-style: solid;
color: #c7c7c7;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #ededed);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar GtkToolButton > .button:backdrop:insensitive:checked {
- border-style: solid;
color: #c7c7c7;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #ededed);
* } */ }
.spinbutton .button {
background-image: none;
- border-width: 0 0 0 1px;
+ border-style: none none none solid;
border-color: rgba(161, 161, 161, 0.3);
color: #383e40;
border-radius: 0;
box-shadow: none; }
.spinbutton .button:dir(rtl) {
- border-width: 0 1px 0 0; }
+ border-style: none solid none none; }
.spinbutton .button:hover {
color: #2e3436;
background-color: rgba(46, 52, 54, 0.05); }
.spinbutton .button:backdrop:insensitive {
background-image: none;
color: rgba(199, 199, 199, 0.3);
- border-width: 0 0 0 1px; }
+ border-style: none none none solid; }
.spinbutton .button:backdrop:insensitive:dir(rtl) {
- border-width: 0 1px 0 0; }
+ border-style: none solid none none; }
.spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button {
padding-top: 8px;
padding-bottom: 8px; }
.spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child {
- border-style: solid;
- border-width: 1px;
color: #2e3436;
background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
border-color: #a1a1a1;
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white; }
.spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active {
- border-style: solid;
color: #2e3436;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover {
- border-style: solid;
color: #2e3436;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white; }
.spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive {
- border-style: solid;
color: #8d9091;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #f4f4f4);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop {
- border-style: solid;
color: #54595a;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #ededed);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child {
- border-style: solid;
- border-width: 1px;
color: #2e3436;
background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
border-color: #a1a1a1;
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white, 0 1px white; }
.spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active {
- border-style: solid;
color: #2e3436;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; }
.spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover {
- border-style: solid;
color: #2e3436;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white, 0 1px white; }
.spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive {
- border-style: solid;
color: #8d9091;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #f4f4f4);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
.spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop {
- border-style: solid;
color: #54595a;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #ededed);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive {
- border-style: solid;
color: #c7c7c7;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #f4f4f4);
padding-right: 3px; }
.spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop {
border-radius: 3px 3px 0 0;
- border-bottom-width: 0; }
+ border-style: solid solid none solid; }
.spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop {
border-radius: 0 0 3px 3px;
- border-top-width: 0; }
+ border-style: none solid solid solid; }
/**************
* ComboBoxes *
box-shadow: inset 0 1px #b6d2ef; }
.titlebar.selection-mode .button, GtkCalendar.selection-mode.header .button,
.header-bar.selection-mode .button {
- border-style: solid;
- border-width: 1px;
color: #ffffff;
background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9 40%, #3583d5);
border-color: #1c5187;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.titlebar.selection-mode .button:hover, GtkCalendar.selection-mode.header .button:hover,
.header-bar.selection-mode .button:hover {
- border-style: solid;
color: #ffffff;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9);
.titlebar.selection-mode .button:active, GtkCalendar.selection-mode.header .button:active, .titlebar.selection-mode .button:checked, GtkCalendar.selection-mode.header .button:checked,
.header-bar.selection-mode .button:active,
.header-bar.selection-mode .button:checked {
- border-style: solid;
color: #ffffff;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #2b79cb, #3583d5);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.titlebar.selection-mode .button:insensitive, GtkCalendar.selection-mode.header .button:insensitive,
.header-bar.selection-mode .button:insensitive {
- border-style: solid;
color: #c1d9f1;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #65a0de);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.titlebar.selection-mode .button:backdrop, GtkCalendar.selection-mode.header .button:backdrop,
.header-bar.selection-mode .button:backdrop {
- border-style: solid;
color: #ffffff;
border-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9);
border-color: #184472; }
.titlebar.selection-mode .button:backdrop:insensitive, GtkCalendar.selection-mode.header .button:backdrop:insensitive,
.header-bar.selection-mode .button:backdrop:insensitive {
- border-style: solid;
color: #9ac1e9;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #65a0de);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.titlebar.selection-mode .button.suggested-action, GtkCalendar.selection-mode.header .button.suggested-action,
.header-bar.selection-mode .button.suggested-action {
- border-style: solid;
- border-width: 1px;
color: #2e3436;
background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
border-color: #a1a1a1;
border-color: #184472; }
.titlebar.selection-mode .button.suggested-action:hover, GtkCalendar.selection-mode.header .button.suggested-action:hover,
.header-bar.selection-mode .button.suggested-action:hover {
- border-style: solid;
color: #2e3436;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
border-color: #184472; }
.titlebar.selection-mode .button.suggested-action:active, GtkCalendar.selection-mode.header .button.suggested-action:active,
.header-bar.selection-mode .button.suggested-action:active {
- border-style: solid;
color: #2e3436;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0);
border-color: #184472; }
.titlebar.selection-mode .button.suggested-action:insensitive, GtkCalendar.selection-mode.header .button.suggested-action:insensitive,
.header-bar.selection-mode .button.suggested-action:insensitive {
- border-style: solid;
color: #8d9091;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #f4f4f4);
border-color: #184472; }
.titlebar.selection-mode .button.suggested-action:backdrop, GtkCalendar.selection-mode.header .button.suggested-action:backdrop,
.header-bar.selection-mode .button.suggested-action:backdrop {
- border-style: solid;
color: #54595a;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #ededed);
border-color: #184472; }
.titlebar.selection-mode .button.suggested-action:backdrop:insensitive, GtkCalendar.selection-mode.header .button.suggested-action:backdrop:insensitive,
.header-bar.selection-mode .button.suggested-action:backdrop:insensitive {
- border-style: solid;
color: #c7c7c7;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #f4f4f4);
column-header .button, column-header .button:hover, column-header .button:active {
padding: 3px 6px;
- border-width: 0 1px 1px 0;
+ border-style: none solid solid none;
border-radius: 0;
background-image: none;
border-color: #ededed;
background-image: none; }
column-header .button:backdrop {
border-color: #ededed;
- border-width: 0 1px 1px 0;
+ border-style: none solid solid none;
color: #a0a3a3;
background-image: none;
background-color: #fcfcfc; }
.popover {
margin: 10px;
padding: 2px;
- border-color: #a1a1a1;
- border-width: 1px;
- border-style: solid;
+ border: 1px solid #a1a1a1;
border-radius: 5px;
background-color: #ededed;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
.popover.osd .button {
color: white;
text-shadow: none;
- border-style: solid;
background-color: transparent;
background-clip: padding-box;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.popover.osd .button:hover {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.popover.osd .button:active {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
text-shadow: none;
icon-shadow: none; }
.popover.osd .button:insensitive {
- border-style: solid;
color: #8d9091;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.7));
color: rgba(46, 52, 54, 0.3); }
.notebook tab .button:hover {
color: #2e3436;
- border-style: solid;
color: #2e3436;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
background-image: none;
box-shadow: none; }
.notebook tab .button:active {
- border-style: solid;
color: #2e3436;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0);
outline-offset: -4px;
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; }
GtkSwitch.trough {
- border-width: 1px;
- border-style: solid;
+ border: 1px solid #a1a1a1;
border-radius: 3px;
- border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #cecece);
text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
GtkSwitch.trough:active {
.list-row:selected GtkSwitch:backdrop {
box-shadow: 0 0 0 1px #fcfcfc; }
GtkSwitch.slider, .list-row:selected GtkSwitch.slider {
+ border: 1px solid;
border-radius: 3px;
- border-style: solid;
- border-width: 1px;
color: #2e3436;
background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
border-color: #a1a1a1;
box-shadow: inset 0 1px white;
box-shadow: inset 0 1px white, inset 0 -2px rgba(237, 237, 237, 0.6), inset 0 -1px #c7c7c7; }
GtkSwitch.slider:hover, .list-row:selected GtkSwitch.slider:hover {
- border-style: solid;
color: #2e3436;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
GtkSwitch.slider:active, .list-row:selected GtkSwitch.slider:active {
border: 1px solid #184472; }
GtkSwitch.slider:insensitive, .list-row:selected GtkSwitch.slider:insensitive {
- border-style: solid;
color: #8d9091;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #f4f4f4);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
GtkSwitch.slider:backdrop, .list-row:selected GtkSwitch.slider:backdrop {
- border-style: solid;
color: #54595a;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #ededed);
GtkSwitch.slider:backdrop:active, .list-row:selected GtkSwitch.slider:backdrop:active {
border-color: #4a90d9; }
GtkSwitch.slider:backdrop:insensitive, .list-row:selected GtkSwitch.slider:backdrop:insensitive {
- border-style: solid;
color: #c7c7c7;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #f4f4f4);
.scale.slider,
.scale.scale-has-marks-above.scale-has-marks-below.slider,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
- border-style: solid;
- border-width: 1px;
color: #2e3436;
background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
border-color: #a1a1a1;
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white;
+ border: 1px solid;
border-radius: 50%;
border-color: #999999;
box-shadow: inset 0 1px white, inset 0 -2px #ededed, inset 0 -1px #c7c7c7; }
.scale.slider:hover,
.scale.scale-has-marks-above.scale-has-marks-below.slider:hover,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
- border-style: solid;
color: #2e3436;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
.scale.slider:backdrop:insensitive,
.scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive {
- border-style: solid;
color: #c7c7c7;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #f4f4f4);
.osd .scale.slider, .osd
.scale.scale-has-marks-above.scale-has-marks-below.slider, .osd
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
- border-style: solid;
background-color: transparent;
background-clip: padding-box;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
.osd .scale.slider:hover, .osd
.scale.scale-has-marks-above.scale-has-marks-below.slider:hover, .osd
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
.osd .scale.slider:active, .osd
.scale.scale-has-marks-above.scale-has-marks-below.slider:active, .osd
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
.osd .scale.slider:backdrop, .osd
.scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, .osd
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
- border-style: solid;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
background-clip: padding-box;
box-shadow: none;
.scale.trough,
.scale.scale-has-marks-above.scale-has-marks-below.trough,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
- border-width: 1px;
- border-style: solid;
+ border: 1px solid #a1a1a1;
border-radius: 3px;
- border-color: #a1a1a1;
background-color: #cecece;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; }
.scale.trough.highlight,
.progressbar {
background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de);
- border-width: 1px;
- border-style: solid;
+ border: 1px solid #184472;
border-radius: 1.5px;
- border-color: #184472;
box-shadow: none; }
.progressbar.left {
border-top-left-radius: 3px;
background-color: #4a90d9;
box-shadow: none; }
.progressbar.osd {
- border-width: 0;
+ border-style: none;
border-radius: 0;
-GtkProgressBar-xspacing: 0;
-GtkProgressBar-yspacing: 2px;
-GtkProgressBar-min-horizontal-bar-height: 2px; }
GtkProgressBar.trough {
- border-width: 1px;
- border-style: solid;
+ border: 1px solid #a1a1a1;
border-radius: 3px;
- border-color: #a1a1a1;
background-color: #d2d2d2; }
GtkProgressBar.trough:backdrop {
border-color: #a8a8a8;
background-color: #d4d4d4;
box-shadow: 0 1px rgba(255, 255, 255, 0); }
GtkProgressBar.trough.osd {
+ border-style: none;
background-color: transparent;
- box-shadow: none;
- border-width: 0; }
+ box-shadow: none; }
/*************
* Level Bar *
-GtkLevelBar-min-block-height: 34; }
.level-bar.trough {
+ border: 1px solid;
padding: 2px;
border-radius: 3px;
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
border-color: #a1a1a1;
box-shadow: inset 0 3px #f7f7f7, inset 0 1px #d1d1d1, inset 0 0 0 1px rgba(74, 144, 217, 0), 0 1px white; }
.level-bar.trough:backdrop {
background-color: transparent;
- border-style: solid;
- border-width: 1px;
background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
color: #54595a;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #fcfcfc);
box-shadow: inset 0 2px rgba(242, 242, 242, 0), inset 0 1px rgba(209, 209, 209, 0), 0 1px rgba(255, 255, 255, 0); }
.level-bar.fill-block {
- border-width: 1px;
- border-style: solid;
- border-color: #2a76c6;
+ border: 1px solid #2a76c6;
background-color: #4a90d9;
box-shadow: 0 1px rgba(0, 0, 0, 0.1);
border-radius: 1px; }
.app-notification.frame:backdrop {
background-image: none; }
.app-notification.frame .button {
- border-width: 1px;
+ border: 1px solid;
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.2);
- border-style: solid;
background-color: transparent;
background-clip: padding-box;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
icon-shadow: 0 1px black;
text-shadow: 0 1px black; }
.app-notification.frame .button:hover {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.app-notification.frame .button:active, .app-notification.frame .button:checked, .app-notification.frame .button:backdrop:active, .app-notification.frame .button:backdrop:checked {
- border-style: solid;
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
text-shadow: none;
icon-shadow: none; }
.app-notification.frame .button:insensitive, .app-notification.frame .button:backdrop:insensitive {
- border-style: solid;
color: #8d9091;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.7));
text-shadow: none;
icon-shadow: none; }
.app-notification.frame .button:backdrop {
- border-style: solid;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
background-clip: padding-box;
box-shadow: none;
.message-dialog.csd .dialog-action-area .button {
padding: 12px;
border-radius: 0;
- border-style: solid;
- border-width: 1px;
color: #2e3436;
background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
border-color: #a1a1a1;
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white; }
.message-dialog.csd .dialog-action-area .button:hover {
- border-style: solid;
color: #2e3436;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white; }
.message-dialog.csd .dialog-action-area .button:active {
- border-style: solid;
color: #2e3436;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.message-dialog.csd .dialog-action-area .button:insensitive {
- border-style: solid;
color: #8d9091;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #f4f4f4);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.message-dialog.csd .dialog-action-area .button:backdrop {
- border-style: solid;
color: #54595a;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #ededed);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.message-dialog.csd .dialog-action-area .button:backdrop:insensitive {
- border-style: solid;
color: #c7c7c7;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #f4f4f4);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.message-dialog.csd .dialog-action-area .button.suggested-action {
- border-style: solid;
- border-width: 1px;
color: white;
background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9 40%, #3583d5);
border-color: #1c5187;
icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.message-dialog.csd .dialog-action-area .button.suggested-action:hover {
- border-style: solid;
color: white;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.message-dialog.csd .dialog-action-area .button.suggested-action:active {
- border-style: solid;
color: white;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #2b79cb, #3583d5);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.message-dialog.csd .dialog-action-area .button.suggested-action:backdrop {
- border-style: solid;
color: white;
border-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive {
- border-style: solid;
color: #c7c7c7;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #f4f4f4);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.message-dialog.csd .dialog-action-area .button.suggested-action:insensitive {
- border-style: solid;
color: #8d9091;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #f4f4f4);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
.message-dialog.csd .dialog-action-area .button.destructive-action {
- border-style: solid;
- border-width: 1px;
color: white;
background-image: linear-gradient(to bottom, #f14141, #ef2929 40%, #ed1212);
border-color: #8e0b0b;
icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.message-dialog.csd .dialog-action-area .button.destructive-action:hover {
- border-style: solid;
color: white;
border-color: #8e0b0b;
background-image: linear-gradient(to bottom, #f46b6b, #f03c3c 40%, #ef2929);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.52878);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.message-dialog.csd .dialog-action-area .button.destructive-action:active {
- border-style: solid;
color: white;
border-color: #8e0b0b;
background-image: linear-gradient(to bottom, #da1010, #ed1212);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.message-dialog.csd .dialog-action-area .button.destructive-action:backdrop {
- border-style: solid;
color: white;
border-color: #ef2929;
background-image: linear-gradient(to bottom, #ef2929);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive {
- border-style: solid;
color: #c7c7c7;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #f4f4f4);
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
.message-dialog.csd .dialog-action-area .button.destructive-action:insensitive {
- border-style: solid;
color: #8d9091;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #f4f4f4);
* GtkInfoBar *
**************/
GtkInfoBar {
- border-width: 0;
border-style: none; }
.info,
.question .button,
.warning .button,
.error .button {
- border-style: solid;
- border-width: 1px;
color: #ffffff;
background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9 40%, #3583d5);
border-color: #1c5187;
.question .button:hover,
.warning .button:hover,
.error .button:hover {
- border-style: solid;
color: #ffffff;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9);
.question .button:active,
.warning .button:active,
.error .button:active {
- border-style: solid;
color: #ffffff;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #2b79cb, #3583d5);
.question .button:insensitive,
.warning .button:insensitive,
.error .button:insensitive {
- border-style: solid;
color: #c1d9f1;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #65a0de);
.question .button:backdrop,
.warning .button:backdrop,
.error .button:backdrop {
- border-style: solid;
color: #ffffff;
border-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9);
.question .button:backdrop:insensitive,
.warning .button:backdrop:insensitive,
.error .button:backdrop:insensitive {
- border-style: solid;
color: #9ac1e9;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #65a0de);
* Color Chooser *
*****************/
GtkColorSwatch {
- border-width: 1px;
- border-style: solid;
+ border: 1px solid;
border-color: rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
GtkColorSwatch.color-light:hover {
.header-bar .button.titlebutton:hover,
.titlebar .button.titlebutton:hover,
GtkCalendar.header .button.titlebutton:hover {
- border-style: solid;
- border-width: 1px;
color: #2e3436;
background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
border-color: #a1a1a1;
.header-bar .button.titlebutton:active,
.titlebar .button.titlebutton:active,
GtkCalendar.header .button.titlebutton:active {
- border-style: solid;
color: #2e3436;
border-color: #a1a1a1;
background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0);
.header-bar .button.titlebutton:backdrop,
.titlebar .button.titlebutton:backdrop,
GtkCalendar.header .button.titlebutton:backdrop {
- border-style: solid;
color: #54595a;
border-color: #a8a8a8;
background-image: linear-gradient(to bottom, #ededed);
@define-color wm_button_active_color_b shade(#ededed, 0.89);
@define-color wm_button_active_color_c shade(#ededed, 0.9);
@define-color content_view_bg #ffffff;
-
-/*# sourceMappingURL=gtk-contained.css.map */